$(document).ready(function(){
    $(window).scroll(function(){
        var scrollTop = $(window).scrollTop();
        if(scrollTop >= 100) {
            $(".service .left,.service .right").css("animation-play-state", "running");
        }
        if(scrollTop >= 500) {
            $(".program .left,.program .right").css("animation-play-state", "running");
        }
        if(scrollTop >= 1000) {
            $(".plan .left,.plan .right").css("animation-play-state", "running");
        }
        if(scrollTop >= 1500) {
            $(".evaluation .left,.evaluation .right").css("animation-play-state", "running");
        }
    })
})
$(document).ready(function(){
    $(".program").mouseover(function(){
        $(".program .left").css({"background-color":"#1e90ff","text-align":"center","border-radius":"30px"});
        $(".program .left h2,.program .left em,.program .left p").css("color", "#fff");
        $(".program .right").css("background-image", "url('../css/image/strategies2.png')");
        $(".program .right").css("background-repeat", "no-repeat");
        $(".service .left").css("background", "url('../css/image/strategies01.png')");
        $(".evaluation .right").css("background", "url('../css/image/strategies04.png')");
        $(".plan .left").css("background", "url('../css/image/strategies03.png')");
        $(".plan .left").css("background", "url('../css/image/strategies03.png')");
        $(".service .right,.plan .right,.evaluation .left").css("background-color", "#fff");
        $(".service .right h2,.plan .right h2,.evaluation .left h2").css("color", "#1e90ff");
        $(".service .right em,.plan .right em,.evaluation .left em").css("color", "#05173b");
        $(".service .right p,.plan .right p,.evaluation .left p").css("color", "#708090");
    });
    $(".service").mouseover(function(){
        $(".service .right").css({"background-color":"#1e90ff","border-radius":"30px"});
        $(".service .right h2,.service .right em,.service .right p").css("color", "#fff");
        $(".service .left").css("background", "url('../css/image/strategies1.png')");
        $(".program .right").css("background", "url('../css/image/strategies02.png')");
        $(".plan .left").css("background", "url('../css/image/strategies01.png')");
        $(".evaluation .right").css("background", "url('../css/image/strategies04.png')");
        $(".program .left,.plan .right,.evaluation .left").css("background-color", "#fff");
        $(".program .left h2,.plan .right h2,.evaluation .left h2").css("color", "#1e90ff");
        $(".program .left em,.plan .right em,.evaluation .left em").css("color", "#05173b");
        $(".program .left p,.plan .right p,.evaluation .left p").css("color", "#708090");
    });
    $(".plan").mouseover(function(){
        $(".plan .right").css({"background-color":"#1e90ff","border-radius":"30px"});
        $(".plan .right h2,.plan .right em,.plan .right p").css("color", "#fff");
        $(".plan .left").css("background-image","url('../css/image/strategies3.png')");
        $(".plan .left").css("background-repeat", "no-repeat");
        $(".program .right").css("background", "url('../css/image/strategies02.png')");
        $(".service .left").css("background", "url('../css/image/strategies01.png')");
        $(".evaluation .right").css("background", "url('../css/image/strategies04.png')");
        $(".program .left,.service .right,.evaluation .left").css("background-color", "#fff");
        $(".program .left h2,.service .right h2,.evaluation .left h2").css("color", "#1e90ff");
        $(".program .left em,.service .right em,.evaluation .left em").css("color", "#05173b");
        $(".program .left p,.service .right p,.evaluation .left p").css("color", "#708090");
    });
    $(".evaluation").mouseover(function(){
        $(".evaluation .left").css({"background-color":"#1e90ff","border-radius":"30px"});
        $(".evaluation .left h2,.evaluation .left em,.evaluation .left p").css("color", "#fff");
        $(".evaluation .right").css("background", "url('../css/image/strategies4.png')");
        $(".program .right").css("background", "url('../css/image/strategies02.png')");
        $(".plan .left").css("background", "url('../css/image/strategies03.png')");
        $(".service .left").css("background", "url('../css/image/strategies04.png')");
        $(".program .left,.plan .right,.service .right").css("background-color", "#fff");
        $(".program .left h2,.plan .right h2,.service .right").css("color", "#1e90ff");
        $(".program .left em,.plan .right em,.service .right em").css("color", "#05173b");
        $(".program .left p,.plan .right p,.service .right p").css("color", "#708090");
    });
})
var header_width = $(window).width();
$(document).ready(function(){
    $(window).resize(function(){
        $(".header").width = header_width;
        $(".header .backgrounds").width = header_width;
    })
})